.navbar{
    background-color: #fff;
    .navbar-brand{
        font-size: 30px;
        font-weight: bold;
        color: #40d2b1;
        height: 70px;
        line-height: 35px;
    }
    .navbar-nav>li>a{
        font-size: 16px;
        line-height: 35px;
        height: 70px;
        font-weight: bold;
        color: #333;
    }
    .navbar-toggle{
      margin-top: 17px;

      &:focus,&:hover{
        background-color: rgb(69, 210, 184);
          border-color: #40D2B1;
      }
    

      .icon-bar{
          background-color: #1c9982;
      }
    }
}
#home{
    background-image: url(../img/home-bg.jpg);
    background-size:cover;
    // height: 600px;
    margin-top: 71px;
    color:#fff;    
    .lvjing{
        height: 100%;
        background-color: rgba(0,0,0,0.65);
      
    }
    h1{
     font-weight: bold;
     margin-top: 100px;
    }
    p{
        margin: 20px 0px;
    }
    img{
        margin:30px 0;
        margin-bottom: 50px;
        display: inline-block;
    }
}
#bbs{
    padding: 80px 0;
    background-color:#fff;
    .col-md-4{
        padding: 15px;
        &:hover{
            background: #f1f1f1;
            box-shadow: 1px 1px 4px #ccc;
        
        }
    }
}
#web{
    background-color: #f1f1f1;
    h1{
        font-weight: bolder;
        
    }
    span.glyphicon-grain{
        display: inline-block;
    background-color:#40d2b1;
    height: 35px;
    width: 35px;
    color: white;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    padding-right:1px ;
   
    }
    padding:80px 0px; 
    
}
#bs{
    @extend #web;
    background-color: #fff;
}
#new{
    padding:80px 0px;
    background-color: #f1f1f1;
    h2{
  font-weight: bolder;
  margin-bottom: 60px;
    }
    .col-md-3{
        margin-bottom:20px;
        .course{
            padding:0 5px;
            background-color: #fff;
            text-align: center;
            .btn{
                margin-top:20px ;
                margin-bottom: 30px;
                padding: 8px  40px;
                color:#40d2b1;
                border-radius: 0;
                border-color:#40d2b1;
                &:hover,&:focus{
                    color: #fff;
                    background-color:#40d2b1 ;
                    outline: none;
                }
            }
        }
    }
    }
    #app{
        padding: 80px 0;
        @extend #bs;
        h2{
            margin-bottom: 30px;
            font-weight: bolder;
        }
       .btn{
           padding: 6px 30px;
           background-color: #40d2b1;
           color: #fff;
           border-color: #40d2b1;
           border-radius: 0px;
           &:hover,&:focus{
              background-color: #1c9982;
              outline: none;
           }
           span{
               margin: 0 3px;
           }
       }
    }
    #about{
        
       background-image: url(../img/contact-bg.png);
       color: #fff;
       .lvjing{
           padding: 80px 0;
         height: 100%;
         background-color: rgba(0,0,0,0.7);
         h2{
             span{
                 margin-right: 30px;
             }
         }
         p{
             margin: 20px 0;
             span{
                margin-right: 15px;
             }
         }
         form{
             margin-top: 30px;
             .form-control{
                 border-radius: 0;
                 height: 50px;
                //  line-height: 50px;
                 &:focus{
                     border-color: #40d2b1;
                 }
             }
             textarea{
                 height: 80px !important;
             }
             .btn{
                
                background-color: #40d2b1;
                font-weight: bolder;
                color: #fff;
                border:none;
                &:hover,&:focus{
                   background-color: #1c9982;
                   outline: none;
                }
            }
         }
       }
    }
    footer{
        p{
            margin: 20px 0;
        }
    }